<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div v-for="(items,indexs) in items" :key="indexs">
        <van-sticky :container="container" :offset-top="118">
          <div class="rightTitle">{{items.text}}</div>
        </van-sticky>

        <van-grid :column-num="3">
          <van-grid-item
            v-for="(item,index) in items.children"
            :key="index"
            icon="photo-o"
            :text="item.text"
          />
        </van-grid>
      </div>



       <!-- 分类区 -->
    <van-tree-select
    height="100%"
    :items="items"
    :main-active-index.sync="active"
    class="leftscroll"
    @click-nav="onShortCutTouchStart('block',50)"
  >
    <template #content>
      <!-- 右边内容区 -->
      <div v-for="(items,index) in items" :key="index">
        <van-sticky :container="container" :offset-top="118">
          <div class="rightTitle">{{items.text}}</div>
        </van-sticky>

        <van-grid :column-num="3">
          <van-grid-item
            v-for="(item,index) in items.children"
            :key="index"
            :icon="item.photo"
            :text="item.text"
            @click-item = "clickItem"
            class="block" 
            ref="block1"
            @click="handle(item.id)"
          />
        </van-grid>
      </div>
    </template>
  </van-tree-select>
</body>
</html>